<template>
  <article class="col-lg-3 col-md-3 col-xs-4 post post-medium single-video">
    <div class="thumbr">
      <a class="post-thumb" :href="message.href" data-lity>
        <span class="play-btn-border" title="Play"><i
          class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
        <div class="cactus-note ct-time font-size-1 tag-only" v-if="message.tag === 1"><span>独家</span></div>
        <div class="cactus-note ct-time font-size-1 tag-vip" v-if="message.tag === 2"><span>会员专享</span></div>
        <img class="img-responsive" v-lazy="message.cover" alt="#">
      </a>
    </div>
    <div class="infor">
      <h4>
        <a class="title" :href="message.href">{{ message.name }}</a>
      </h4>
      <div>
        <div class="posts-txt col-md-5" title="Posts from Channel"><i
          class="fa fa-youtube-play" aria-hidden="true"></i>{{ message.count | countFormatFilter }}</div>
        <div class="ratings col-md-7" v-if="message.status === 2">全{{ message.allNum }}话</div>
        <div class="ratings col-md-7" v-else>更新至{{ message.refreshNum }}话</div>
      </div>
    </div>
  </article>
</template>

<script>
export default {
  name: 'Video2',
  props: ['message']
}
</script>

<style scoped>

</style>
